<template>
    <div id="My-Box">
        <MyTop></MyTop>
        <MyMiddle></MyMiddle>
        <MyBottom></MyBottom>
        <MyNav></MyNav>
    </div>
</template>

<script>
    import MyTop from 'com/My/Top.vue'
    import MyBottom from 'com/My/Bottom.vue'
    import MyNav from 'com/bottom.vue'
    import MyMiddle from 'com/My/Middle.vue'
    export default {
        name: "my",
        components:{
            MyTop,MyBottom,MyNav,MyMiddle
        },
        created(){
            this.$store.dispatch("Myxaxios","3");
        }
    }
</script>

<style lang="scss" scoped>
    #My-Box {
        padding-bottom: 0.6rem;
        padding-top: 0.6rem;
        position: relative;
        background-color : #f6f6f6;
    }
</style>